<style lang="scss">
	.page{
	}
	.list{
		.item{
			width: 636upx;
			padding: 0 38upx;
			height: 263upx;
			margin: 10upx auto;
			position: relative;
			z-index: 1;
			.text{
				color: #505050;
				font-size: 24upx;
				line-height: 35upx;
				margin-top: 20upx;
				width: 510upx;
				view{
					display: inline-block;
					vertical-align:middle;
					font-size: 30upx;
					margin-left: 10upx;
				}
			}
			.bg{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: -1;
			}
			.name{
				font-size: 36upx;
				font-weight: bold;
				padding-top: 44upx;
			}
			.en{
				font-size: 30upx;
			}
		}
		.charge,.charge .text view{
			color: #8e75e1;
		}
		.zb,.zb .text view{
			color: #e17ca8;
		}
		.best,.best .text view{
			color: #dfa95b;
		}
	}
</style>

<template>
	<view class="page">
		<view class="list">
			<navigator open-type="navigate" v-if="maker_type != 3 && maker_type != 1" url="/pages/jewel/agent/user/beVan" class="item charge">
				<image class="bg" src="../../../static/images/jewel/charge.png"></image>
				<view class="name">享宝先锋</view>
				<view class="en">(低门槛，珠宝免费戴)</view>
				<view class="text">2000元/年，享分享奖励，首次享宝免手续费<view>→</view></view>
			</navigator>
			<navigator open-type="navigate" v-if="maker_type != 1" url="/pages/jewel/goods/show?goods_id=536" class="item zb">
				<image class="bg" src="../../../static/images/jewel/zb_charge.png"></image>
				<view class="name">珠宝创客</view>
				<view class="en">(低门槛，珠宝免费戴)</view>
				<view class="text">20000元/年起，享分享奖励，静态分润月月给，平台区域流量无限分润<view>→</view></view>
			</navigator>
			<navigator open-type="navigate" url="/pages/jewel/goods/show?goods_id=536" class="item best">
				<image class="bg" src="../../../static/images/jewel/best_charge.png"></image>
				<view class="name">精英创客</view>
				<view class="en">(低门槛，珠宝免费戴)</view>
				<view class="text">100000元/年，享分享奖励，首次享宝免手续费<view>→</view></view>
			</navigator>
		</view>
		<view class="m-full-loading" v-if="showLoading">
		    <image src="../../../static/images/loading.gif" mode="widthFix"></image>
		</view>
	</view>
</template>
<script>
	import henglang from '@/common/common_zb.js';
	export default {
		data() {
			return {
                showPopup: false,
				showLoading: false,
				maker_type:0
			};
		},
        methods: {
			
        },
        onLoad({maker_type}) {
			this.maker_type = maker_type
        }
	}
</script>

